<template>
  <div class="about">
    <h3>提供更专业的医学考试服务</h3>
    <KButtonArea>
      <KButton type="primary" >页面主要操作</KButton>
      <KButton type="primary" open-type="getUserInfo" @getuserinfo="getUserInfo"> getUserInfo </KButton>
      <KButton type="primary" :loading="true">Loading</KButton>
      <KButton type="primary" :disabled="true">禁止点击</KButton>
      <KButton >页面次要操作</KButton>
      <KButton type="warn">警告类操作</KButton>
      <KButton type="warn" :loading="true">警告类操作</KButton>
      <KButton type="warn" :disabled="true">警告类操作</KButton>
    </KButtonArea>
    <KButtonArea direction="horizontal">
      <KButton size="mini" type="primary">取消</KButton>
      <KButton size="mini" type="primary">确认</KButton>
      <KButton size="mini" type="primary">重置</KButton>
    </KButtonArea>
    <button @click="onClickOpen">新开页面跳转</button>
    <KButton size="mini" type="primary" @click="onClickOpen">新开页面跳转</KButton>

  </div>
</template>
<script>
export default {
  methods: {
    getUserInfo(res) {
      console.log('获取用户信息', res);
    },
    onClickOpen() {
      window.open('/shui.html')
    }
  }
};
</script>
